.header{

    background: #2b2b2b;
}
.main{
    width: 1180px;
    height: 70px;

}
.logo{
    width: 160px;
    height: 100%;
    background: url(../img/topbar.png) no-repeat;
}
.header .nav{
    width: 500px;
    height: 100%;
    position: relative;
    margin-left: 20px;
    justify-content: space-between;
}
.nav>li{
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  color: #cccc;
  line-height: 70px;
}
.nav>li:hover,
.nav>li.active{
    background: #000000;
    color: #fff;
    position: relative;
}
.nav>li .arrow{
    width: 24px;
    height: 15px;
    position: absolute;
    left: calc(50% - 12px );
    bottom: 0px;
    background:  url(../img/topbar.png) no-repeat -209px -135px;
}
.hot{
    width: 25px;
    height: 15px;
    position: absolute;
    right:-35px;
    top: 25px;
    background: url(../img/topbar.png)  no-repeat -191px 0px;
}
.right{
    width: 350px;
    height: 70px;
    background: red;
    margin-left: 150px;
}
.search{
    width: 180px;
    height: 30px;
    background: #ffff;
    border-radius: 15px;
}
